html{background-color: #111339;background:#111339 url(../images/bg.jpg) no-repeat center 0;background-size: cover;}
body{color:#e3e3e3;}
#pageWrap{position: relative;overflow: hidden;margin:0 auto;width:100%;height:100%;}
.wrapper *{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.svg-icon{
    width: 1.3em;height:1.3em;
    /* vertical-align: -0.15em; */
    fill: currentColor;
    overflow: hidden;
}

/* all-header */
.all-header{height:52px;position: relative;background:url(../images/titlebg.png) no-repeat center 0;}
.h1-title{height:52px;text-align:center;line-height: 52px;font-size:1.7em;}
.todayTime{position: absolute;right:25px;top:18px;font-size: 1.18em;font-weight: bold;}


.search{position: absolute;right:10px;top:58px;}
.search .item{
    display: inline-block;
    height:32px;line-height: 32px;
    padding: 0 20px;
    border-radius:2px;
    background-color: #1e3255;
    cursor: pointer;
}
.search .item:hover{background-color: #314d7f;}
/*.search .active{background-color: #df6334;}*/
.search .active{background-color: #2567df;}

/* mainInfoBox */
.mainInfoBox{
position: absolute;top:96px;left:0;right:0;bottom:0;overflow: hidden;transition: all 0.5s;
display: flex;flex-direction: column;
}
.area{display: flex;padding:0 5px;}
.areaA{height:44%;margin-bottom:10px;}
.areaB{flex-grow:1;margin-bottom:10px;}

.some{display: flex;flex-wrap: wrap;}
.some .cell{
/* position: relative; */
width:33%;height:50%;flex-grow:1; flex-shrink: 0;
border:1px solid #384469;margin:0 0 0 -1px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.some .cell:nth-child(3) ~ .cell{margin-top: -1px;}
.cellC{height:100%;width:100%;}
.h4-t{font-weight: normal;padding-top: 15px;}
.pos{
margin:0 5px;
width: 30%;
/* background-color: rgba(255, 255, 255, 0.05); */
flex-grow: 1;flex-shrink:0;
}
.box{height:49%;margin-bottom:10px;background-color: #23254d;flex-grow:1;flex-shrink:0;display: flex;background:#202d4f url(../images/boxbg2.png) no-repeat 0 0;}
.boxC{height:100%;flex-grow: 1;position: relative;background: url(../images/boxbg2.png) no-repeat 100% 100%;}
.boxC::before{
    content: '';
    position: absolute;left:0;bottom:0;
    width: 85px;height:32px;
    z-index:5;
    background: url(../images/boxbg2.png) no-repeat 0 100%;

}
.boxC::after{
    content: '';
    position: absolute;top:0;right:0px;
    width: 30px;height:35px;
    background: url(../images/boxbg2.png) no-repeat 100% 0;

}
.boxSB{height:50%;background-color: #202d4f;flex-grow:1;}
.mid .boxSB{height:80%;margin-bottom:0;margin-top:10px;}
.boxCont{position: absolute;left:2px;right:2px;top:2px;bottom:2px;}
.boxCB .boxCont{top:20px;}
.p-t{}
.p-num{font-weight: bold;font-size:1.3em;}
.em-du{color:#f7b314;font-size: 0.85em;}
.p-icon{padding:0 0 10px;}
.em-icon{font-size: 3em;}
.em-i-1{color:#fff12f;font-size: 3.4em;}
.em-i-2{color:#17a0e3;}
.em-i-3{color:#41bf05;}
.em-i-4{color:#ff842a;}
.em-i-5{color:#00A0E9;}
.em-i-6{color:#c09853;}

.h4-t{text-align: center;padding:10px 0;font-weight: bold;font-size: 14px;}
.h4-tb{margin-top: 10px;}
.h4-tc{padding:8px 25px;text-align: left;font-weight: normal;}
.table{
    width:100%;
    border:1px solid #273865;
    border-collapse: collapse;
}
.table td,.table th{border:1px solid #273865;padding:5px 5px;text-align: center;height:15px;}
.table th{background-color: #273865;}
.table tr:nth-child(odd) td{background-color: #283459;}
.table tr:hover td{background-color: #234567;}








